<template>
    <div class="bricks-mode">
        <p @click="isCodeMode = !isCodeMode">{{ isCodeMode ? '代码模式' : '积木模式'}}</p>
        <CodeMode v-if="isCodeMode"></CodeMode>
        <img v-else src="../../assets/images/course6.png" alt="">
    </div>
</template>
<script>
import CodeMode from './CodeMode.vue'
export default {
    name: 'BricksMode',
    components: {
        CodeMode
    },
    data() {
        return {
            isCodeMode: false
        }
    },
    methods: {

    }
}
</script>
<style lang="less" scoped>
.bricks-mode {
    width: 100%;
    // height: 100%;
    img {
        width: 100%;
    }
    p{
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
    }
}
</style>